<div class="row" style="background:url(<?= BASE_URI?>img/chill.jpg);background-size:cover;background-attachment: fixed;">
<div class="large-12 column" style="padding-top:2rem;padding-bottom:2rem;background:rgba(0,158,161,.7);">
<div class="medium-11 medium-centered large-11 column">
    <h4 style="color:white;">Behomebased Forum</h4>

</div>

</div>
</div>
<div class="row" style="">
	<div class="forum-view large-11 large-centered column">

		<section class="forumleft large-8 column" style="padding:1rem !important;">
			<div class="wrapit large-12 column">
				<header class="threadtitle large-12 column">
					<div class="large-12 column">
						<h5>Dropdown Positioning Fix Released in Sites v5.5!</h5>
				        <p>By 
				            <a>nose_bleed21</a>, <small>ABOUT 17 HOURS AGO</small> 
				            <a class="right" href="">Web Designing</a>
				        </p>
				        <ul class="inline-list" style="margin-bottom:-.8rem;">
				          <li>
				            <label>
				              <a class="thread-tags tiny radius button">Jscript</a>
				              <a class="thread-tags tiny radius button">HTML</a>
				              <a class="thread-tags tiny radius button">CSS</a>
				              <a class="thread-tags tiny radius button">ios</a>
				            </label>
				          </li>	
				          </ul>				
					</div>
				</header>				
				<article class="large-12 column">
					<p>Your comment form needs to indicate to your commenter that their comment has been successfully posted, even if you hold all or some comments for moderation. If you do moderate comments, make sure you indicate that the comment will appear once it has passed moderation, so your visitor doesn’t end up posting multiple comments, thinking the first one didn’t go through.Letting your commenters preview their post before submitting is a nice usability feature that many blogs overlook. This can also mean your blog gets higher-quality comments, as commenters are more likely to read through and edit their comments before posting.</p>
				</article>
				<div class="screenshot large-12 column">
					<small>Screenshots</small>
					<ul class="tsk clearing-thumbs small-block-grid-4" data-clearing>
					  <li><a class="th" href="<?=BASE_URI?>img/bg1.jpg">
					  	<img data-caption="caption here..." src="<?=BASE_URI?>img/bg1.jpg"></a>
					  </li>
					  <li><a class="th" href="<?=BASE_URI?>img/bg3.jpg">
					  	<img data-caption="caption here..." src="<?=BASE_URI?>img/bg3.jpg"></a>
					  </li>
					  <li><a class="th" href="<?=BASE_URI?>img/bg4.jpg">
					  	<img data-caption="caption here..." src="<?=BASE_URI?>img/bg4.jpg"></a>
					  </li>
					</ul>
				</div>
			</div>
			<div class="large-12 column" style="background:#F5F5F5;border-radius:.45rem;padding:0;">
				<div class="commentforumform large-12 column">
					<div class="fontedit text-center large-12 column">
						<div class="large-1 column"><a><strong>B</strong></a></div>
						<div class="large-1 column"><a href=""><strong><i>I</i></strong></a></div>
						<div class="large-1 end column"><a href=""><strong>A</strong></a></div>
					</div>
					<textarea placeholder="Write your comment here..."></textarea>
					<a class="radius tiny right button">Post</a>
				</div>
				<div class="large-12 column">
				<strong>46 comments</strong>
				<div class="forumcomment large-12 column" data-equalizer>
					<div class="point large-2 column" data-equalizer-watch>
						<div class="pointwrap text-center large-12 column">
							<section class="top"><a><i class="fa fa-chevron-up"></i></a></section>
							<article><small>+4</small><p>Helpful</p><small>-2</small></article>
							<section class="bottom"><a><i class="fa fa-chevron-down"></i></a></section>	
						</div>								
					</div>
					<div class="commentinfo large-10 column" data-equalizer-watch>
						<header class="large-12 column">
							<div class="large-2 column">
								<img src="<?=BASE_URI ?>img/user_dp/steve.jpg">
							</div>
							<div class="user large-10 column">
								<a><strong>grin_lantern</strong></a><span> said on: <i>November 2nd, 2014 at 6:09 pm</i></span>
							</div>
							<article class="large-12 column">
								<p>Trackbacks really aren’t part of the discussion (at least not the part taking place on your blog), and shouldn’t be included inline with other commentsthe discussion (at least not the part taking place on your blog), and shouldn’t be included inline with other comments..</p>
							</article>
						</header>						
					</div>
				</div>
				<div class="forumcomment large-12 column" data-equalizer>
					<div class="point large-2 column" data-equalizer-watch>
						<div class="pointwrap text-center large-12 column">
							<section class="top"><a><i class="fa fa-chevron-up"></i></a></section>
							<article><small>+4</small><p>Helpful</p><small>-2</small></article>
							<section class="bottom"><a><i class="fa fa-chevron-down"></i></a></section>	
						</div>								
					</div>
					<div class="commentinfo large-10 column" data-equalizer-watch>
						<header class="large-12 column">
							<div class="large-2 column">
								<img src="<?=BASE_URI ?>img/user_dp/a4.jpg">
							</div>
							<div class="user large-10 column">
								<a><strong>sashi_mi</strong></a><span> said on: <i>August 2nd, 2014 at 6:09 pm</i></span>
							</div>
							<article class="large-12 column">
								<p>Included inline with other commentsthe discussion (at least not the part taking place on your blog), and shouldn’t be included inline with other comments..</p>
							</article>
						</header>						
					</div>
				</div>
				</div>
			</div>

	
		</section>

		<aside class="forumaside large-4 column" data-equalizer style="margin-top:1rem;">
			<div class="large-4 column" data-equalizer-watch>
		        <div class="rep-wrap text-center large-12 column">
		          <div class="large-12 column" style="background:white;"><h3>10</h3></div>
		            <div class="for-rep large-12 column">
		              <strong>Replies</strong>
		            </div>
		            <a class="radius tiny button">Follow</a>
		        </div>
			</div>
			<div class="authorinfo large-8 column" data-equalizer-watch>
				<div class="large-12 column" style="padding:0;"><strong>Author</strong></div>
				<div class="img large-3 column">
					<img src="<?=BASE_URI ?>img/user_dp/steve.jpg">
				</div>
				<div class="info large-9 column">
					<a>nose_bleed21</a>
				</div>				
			</div>

		</aside>

		<aside class="relatedthreads large-4 column">
			<header class="large-12 column" style="padding:0;">
				<p>Related Threads</p>
			</header>
			<article class="suggestedthreads large-12 column">
				<a><strong>How to create a dropdown button using css3?</strong></a>
				<p>By 
				    <a>nose_bleed21</a>, <small>ABOUT 17 HOURS AGO</small> 
				</p>
			</article>
			<article class="suggestedthreads large-12 column">
				<a><strong>Using Twitter Bootsrtap. How to prevent from...</strong></a>
				<p>By 
				    <a>nose_bleed21</a>, <small>ABOUT 17 HOURS AGO</small> 
				</p>
			</article>
		</aside>

	</div>
</div>



<script>
jQuery(document).ready(function(){
    window.onscroll = function() {
        if (window.pageYOffset >= 300){
            jQuery('.forumaside').css({transition: 'background 0.92s ease,border 0.81 linear', position: 'fixed', width: '26rem', border: 'solid whitesmoke' , right: '40px', top: '70px'});
        }
        else {
            jQuery('.forumaside').css({position: '', width: '', right: '', top: ''});
        }
    }
});
</script>

<script type="text/javascript">
  $(document).ready(function(){
    $('.company-rating').jRating({
    });

    $('.user-rating').jRating({
      type:'small',
      length : 5,
      decimalLength : 1,
    });
  });
</script>